<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>

    <link rel="stylesheet" type="text/css" href="css/initialization.css" />
    <link rel="stylesheet" type="text/css" href="css/index.css" />
  </head>
  <body>
    <div class="container">
      <div class="left_con">
        <div class="left1">
          <h2 class="h2">关于我们</h2>
          <div class="box_content">
            <div>
              <p>园区占地面积:</p>
              <p><span>61852</span>m2</p>
            </div>
            <div>
              <p>园区总使用率：</p>
              <p><span>90</span>%</p>
            </div>
          </div>
        </div>
        <div class="left2">
          <div class="box_content">
            <div class="left2_L"> </div>
            <div class="left2_R"></div>
          </div>
        </div>
        <div class="left3">
          <h2 class="h2">园区运营可视化</h2>
          <div class="box_content left3_echart"></div>
        </div>
      </div>
      <div class="right_con">
        <div class="right_conter">
          <div class="right_top">
            <div class="right_top_end">
              <div class="end1">
                <h2 class="h2">企业数据可视化</h2>
                <div class="box_content">
                  <div class="end1_T">
                    <div class="T_R"></div>
                    <div class="T_L"></div>
                  </div>
                  <div class="end1_B">
                    <div class="B_R"></div>
                    <div class="B_C"></div>
                    <div class="B_L">
                      <span></span>
                      <ul>
                        <li>高级人才：12432</li>
                        <li>普通员工：12432</li>
                      </ul>
                    </div>
                  </div>
                </div>
              </div>
              <div class="end2">
                <div class="box_content">
                  <div class="bilv">注册企业数同比<e>1</e>
                    <e>4</e>
                    <e>0</e>家同比<span>103%</span>
                  </div>
                  <div class="con">
                    <div class="attract"></div>
                  </div>
                </div>
              </div>
              <div class="end3">
                <h2 class="h2">战略合作</h2>
                <div class="box_content">
                  <ul></ul>
                </div>
              </div>
            </div>
          </div>
          <div class="right_bottom">
            <div class="bottom_left">
              <div class="bl_top">
                <h2 class="h3">物业运营可视化</h2>
                <div class="box_content">
                </div>
              </div>
              <div class="bl_bottom">
                <div class="box_content">
                </div>
              </div>
            </div>

            <div class="bottom_center">
              <div class="box_content">
                <div class="bottom_c_T">
                  <h2 class="h3">车辆及车位统计</h2>
                  <div class="box_content">
                    <div class="RB_CT_L">
                      <div><p>3520000</p><p>员工车辆</p></div>
                      <div><p>3520000</p><p>公务车辆</p></div>
                      <div><p>3520000</p><p>应急车辆</p></div>
                    </div>
                    <div class="RB_CT_R">
                      <p>地上停车场<span>1260</span></p>
                      <p>地下停车场<span>1260</span></p>
                      <p>应急停车场<span>108</span></p>
                    </div>
                  </div>
                </div>
                <div class="bottom_c_B">
                  <h2 class="h3">物业管理服务</h2>
                  <div class="box_content">
                    <div class="tables border">
                      <ul class="left">
                        <li><span>物业服务</span><span>是否正常</span></li>
                        <li><span>绿化养护</span><span>正常</span></li>
                        <li><span>保洁服务</span><span>正常</span></li>
                        <li><span>安保服务</span><span>正常</span></li>
                      </ul>
                      <ul class="right">
                        <li><span>物业服务</span><span>是否正常</span></li>
                        <li><span>文化活动</span><span>正常</span></li>
                        <li><span>房屋本体</span><span>正常</span></li>

                      </ul>
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <div class="bottom_right">
              <h2 class="h3">增值运营</h2>
              <div class="box_content">
                <ul class="ul_th" style="width: 100%;">
                  <li>设备名称</li>
                  <li>总数</li>
                  <li>使用量</li>
                  <li>剩余</li>
                  <li>故障数量</li>
                </ul>
                
                <div class="tables_con">
                  <ul class="centers1"></ul>
                  <ul class="centers2"></ul>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <script src="./js/echarts.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="./js/echarts-liquidfill.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="./js/flexible.js" type="text/javascript" charset="utf-8"></script>
    <script src="./js/jquery.js" type="text/javascript" charset="utf-8"></script>
    <script src="./js/index.js" type="text/javascript" charset="utf-8"></script>
  </body>
</html>
